<span id="counterNotif">26</span>
	<a href="#" id="linkNotif"><i class="fa fa-bell fa-lg"></i></a>
		<div id="notificationContainer">
			<div id="titleNotif">Notifications</div>
			<div id="bodyNotif" class="notifications">
			<div class="large-12 columns" style="padding:0;background:#e9eaed;border-bottom:#EEEEEE solid 1px;">
				<div class="text-center large-6 column" style="padding:.3rem;border-right:solid 1px #EEEEEE;">
					<a><small>Feeds 
						<span class="tiny round label" style="background:#009EA1;"> 3</span></small>
					</a>
				</div>
				<div class="text-center large-6 column" style="padding:.3rem;">
					<a><small>Friend Request 
						<span class="tiny round label" style="background:#009EA1;"> 23</span></small>
					</a>
				</div>
			</div>
			<!--Friend Request Accepted-->
				<div class="notif-ol active-notif  accepted large-12 column" onclick="location.href='#';">
					<div class="large-2 column">
						<img class="dp" src="<?=BASE_URI ?>img/user_dp/steve.jpg">
					</div>
					<div class="large-10 column">
						<div class="time large-12 column">
							<a class="name" href="">Brett Virador</a>
							<small class="right"><i class="fa fa-clock-o"></i> 2 hours ago</small>
						</div>
						<div class="p large-12 column">
							<p class="details"><small><i class="type fa fa-check"></i></small> Accepted your friend request</p>
						</div>

					</div>
				</div>
			<!--Commented on your post-->
				<div class="notif-ol commented large-12 column">
					<div class="large-2 column">
						<img class="dp" src="<?=BASE_URI ?>img/user_dp/a6.jpg">
					</div>
					<div class="large-10 column">
						<div class="time large-12 column">
							<a class="name" href="">Natividad Senior Monte</a>
							<small class="right"><i class="fa fa-clock-o"></i> 2 hours ago</small>
						</div>
						<div class="p large-12 column">
							<p class="details">
								<small><i class="type fa fa-comments-o"></i></small> Commented on your post
								<a class="noti-link">I got a new Job!</a>
							</p>
						</div>
					</div>
				</div>
			<!--Liked your post-->
				<div class="notif-ol liked large-12 column">
					<div class="large-2 column" style="padding:0;">
						<img class="dp" src="<?=BASE_URI ?>img/user_dp/a3.jpg">
					</div>
					<div class="large-10 column">
						<div class="time large-12 column">
							<a class="name" href="">Cas Lopes</a>
							<small class="right"><i class="fa fa-clock-o"></i> 21 hours ago</small>
						</div>
						<div class="p large-12 column">
							<p class="details">
								<small><i class="type fa fa-thumbs-o-up"></i></small> Liked your post 
								<a class="noti-link">I got a new Job!</a>
							</p>
						</div>
					</div>
				</div>

			</div>
			<div id="footerNotif"><a href="#">See All</a></div>
		</div>